<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/renyuan.css"/>
    <title>Document</title>
</head>

<body>
    <div class="basemap">
        <img class="heidi" src="../images/heidi.png" >
        <p class="t1">ORDER聚造</p>

         <!-- 左边黑色菜单栏 -->
        <div class="tan">
            <div class="tan1">
                <img class="tu1" src="../images/shouye.png" >
                <p>首页</p>
            </div>
           
            <div class="tan1">
                <img class="tu2" src="../images/set_click@2x.png" >
                <p>系统设置</p>
                <img class="jiantou" src="../images/xiangxia@2x.png" >
            </div>

            <div class="tan1">
                <p>单位管理</p>
            </div >

            <div class="tan1">
                <p>权限管理</p>
            </div>

            <div class="tan1">
                <p>菜单设置</p>
            </div>

            <div class="tan1">
                <p>人员管理</p>
            </div>

        </div>

       
        <!--di1是整个右边  -->
        <div class="di1"> 
            <!--右图上部  -->
            <p class="t2">系统设置 / 人员管理</p>
            <img class="touxiang" src="../images/16254535197727995.jpg" >
            <p class="t3">超级管理员</p>
            <p class="t4">小浪，你好！</p>
            <div class="tuichu">
                <img class="tui" src="../images/tuiyuan.png">
                <p class="t5">退出</p>
            </div>
        

            <!-- 日期搜索栏 -->
            <div class="di2">
                <p class="t6">日期</p>
                <input class="input1" type="datetime-local">
                <div class="suosuo">
                    <img src="../images/tuiyuan.png" >
                    <p>搜索</p>
                </div>
                <img class="tu1" src="../images/shanchu.png">
            </div>

            <!-- 地址详情 -->
            <div class="di3">
                <div class="tan">
                    <div class="tan2">
                        <p class="riqi">日期</p>
                        <p class="name">姓名</p>
                        <p class="position">地址</p>
                        
                    </div>

                    <div class="tan2">
                        <div class="xian"></div>
                        <p class="riqi"> 1998-11-18</p>
                        <p class="name">迪迦</p>
                        <p class="position">超远古遗迹地下三层</p>
                        <img class="pot1" src="../images/bianji.png">
                        <img class="pot2" src="../images/shanchu.png">
                    </div>

                    <div class="tan2">
                        <div class="xian"></div>
                        <p class="riqi"> 2008-09-14</p>
                        <p class="name">虹猫</p>
                        <p class="position">原始森林深处</p>
                        <img class="pot1" src="../images/bianji.png">
                        <img class="pot2" src="../images/shanchu.png">
                    </div>

                    <div class="tan2">
                        <div class="xian"></div>
                        <p class="riqi"> 2012-06-27</p>
                        <p class="name">龙戬</p>
                        <p class="position">第二平行时空</p>
                        <img class="pot1" src="../images/bianji.png">
                        <img class="pot2" src="../images/shanchu.png">
                    </div>

                    <div class="tan2">
                        <div class="xian"></div>
                        <p class="riqi"> 2009-12-16</p>
                        <p class="name">图图</p>
                        <p class="position">翻斗花园</p>
                        <img class="pot1" src="../images/bianji.png">
                        <img class="pot2" src="../images/shanchu.png">
                    </div>
                </div>
            </div>
            
            <!-- 页数和条数 -->
            <div class="di4">
                <img class="tiao" src="../images/tiaoshu.png">
                <img class="ye"   src="../images/yeshu.png">
            </div>
            
        </div>
    </div>
</body>
</html>